タグ

↓背景が緑色のスクロール日記

＜div style="width:480px;height:250px;overflow-y:scroll;background-color:#339900;fixed;scrollbar-face-color:#ffff00;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#999999;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#999999;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;border-style:solid;border-color:#999999; padding:20px; border-width:2px;border-color:#00ff00"＞
ここに日記をかく
＜/div＞





↓背景画像付きスクロールタグはこちら

＜table style="background-image:url(http://plaza.rakuten.co.jp/img/user/34/42/6123442/2.jpg);background-attachment:fixed;background-repeat:no-repeat" cellpadding="0" cellspacing="0" width="480px" height="268px"＞＜tr＞＜td＞
＜div style="background-color:none;overflow:auto;border-style:none;border-color:gray;border-width:3px;width:480px;height:268px;scrollbar-base-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-arrow-color:#ffa500;scrollbar-track-color:#ffffff;scrollbar-darkshadow-color:none;scrollbar-face-color:none;scrollbar-highlight-color:#ffffff;padding-left:5pt;" align="left"＞
ここに日記をかく
＜/div＞
＜/td＞＜/tr＞＜/table＞

まず、メモ帳等にコピペして
＜＞を半角にして使用してください。

これは、テーブルタグ側が「背景」で
　　　　ディブタグが　　「スクロール」の２層になっているんです。

background-image:urlのあとを画像ＵＲＬに指定してください。
横幅→width="480px" 高さ→height="268pxを画像の大きさに合わせプレビュー見ながら調整してください。